<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
	<head>
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
		<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
		<link href="/static/css/style.css" rel="stylesheet" type="text/css" />
		<link href="/static/css/astar_style.css" rel="stylesheet" type="text/css" />
		<script src="/static/js/functions.js" type="text/javascript"></script>
		<script type="text/javascript" src="/_ah/channel/jsapi"></script>
		<script type='text/javascript' src='/static/js/jquery.min.js'></script>
		<script type='text/javascript' src='/static/js/jquery-tmpl.min.js'></script>
		<script type='text/javascript' src='/static/js/knockout-2.1.1.js'></script>
		<script type='text/javascript' src='/static/js/jquery.quicksand.js'></script>
		<link rel="apple-touch-icon" href="homescreen.png"/>
		<link href="startup.png" rel="apple-touch-startup-image" />	
		<title>Audience Star: YOU are the Star!</title>
	</head>

<body bgcolor="#AAAABB">
	<div id="topbar">
			<div id="title">AudienceStar</div>
	</div>
	<div id="content">
	<ul class="pageitem">
		<li class="textbox"><span class="header">About</span><p>Audience Star is a web application that enables audience members attending large presentations to engage with the speaker, take notes together,
and share their collective recollections of the presentation with the world.</p>
<p>There are far more people in the audience than there are people on stage presenting, so why not give them the power they deserve?</p>
		</li>
	</ul>

<span class="graytitle">Current Presentations</span>
	<ul class="pageitem">
		{% for talk in talks_stats %}
		{% if talk.state != "FINISHED" %}
		<li class="store"><a class="noeffect" href="/go/{{talk.short_title}}">
		<span class="image" style="background-image: url('{{talk.icon_url}}')">
		</span><span class="comment">{{talk.description}}</span><span class="name">{{talk.title}}</span><span class="{{talk.num_stars}}"></span><span class="starcomment">{{talk.num_ratings}} 
		Ratings (average {{talk.avg_rating}} out of 5)</span><span class="arrow"></span></a></li>
		{% endif %}
		{% endfor %}
	</ul>
	
	
<span class="graytitle">Completed Presentations</span>
	<ul class="pageitem">
		{% for talk in talks_stats %}
		{% if talk.state == "FINISHED" %}
		<li class="store"><a class="noeffect" href="/go/{{talk.short_title}}">
		<span class="image" style="background-image: url('{{talk.icon_url}}')">
		</span><span class="comment">{{talk.description}}</span><span class="name">{{talk.title}}</span><span class="{{talk.num_stars}}"></span><span class="starcomment">{{talk.num_ratings}} 
		Ratings (average {{talk.avg_rating}} out of 5)</span><span class="arrow"></span></a></li>
		{% endif %}
		{% endfor %}
	</ul>
</body>
</html>